// 全局 CSS 变量
@import "./variables.css";
// Transition
@import "./transition.scss";
// Element Plus
@import "./element-plus.css";
@import "./element-plus.scss";
// Vxe Table
@import "./vxe-table.scss";
// 注册多主题
@import "./theme/register.scss";
// Mixins
@import "./mixins.scss";
// View Transition
@import "./view-transition.scss";

@import './cursor.scss';

// 业务页面几乎都应该在根元素上挂载 class="app-container"，以保持页面美观



.app-container {
  padding: 20px;
}

html {
  height: 100%;
}

body {
  height: 100%;
  color: var(--v3-body-text-color);
  background-color: var(--v3-body-bg-color);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
    sans-serif;
  @extend %scrollbar;
  --primary-color: #409EFF;
}

#app {
  height: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
a:focus,
a:hover {
  color: inherit;
  outline: none;
  text-decoration: none;
}

div:focus {
  outline: none;
}

// 全局CSS变量定义
:root {
  // 主题渐变
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-blue: linear-gradient(135deg, #667eea 0%, #409eff 100%);
  --gradient-purple: linear-gradient(135deg, #764ba2 0%, #9c27b0 100%);
  --gradient-orange: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --gradient-green: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  
  // 音乐模块专用渐变
  --gradient-music-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-music-blue: linear-gradient(135deg, #409eff 0%, #36a3f7 100%);
  --gradient-music-blue-dark: linear-gradient(135deg, #36a3f7 0%, #2d8de8 100%);
  --gradient-music-red: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
  --gradient-music-red-hot: linear-gradient(135deg, #ff4757 0%, #ff3742 100%);
  --gradient-music-success: linear-gradient(135deg, #409eff, #67c23a);
}

// 全局渐变背景类（使用CSS变量）
.gradient-bg-primary {
  background: var(--gradient-primary);
}

.gradient-bg-blue {
  background: var(--gradient-blue);
}

.gradient-bg-purple {
  background: var(--gradient-purple);
}

.gradient-bg-orange {
  background: var(--gradient-orange);
}

.gradient-bg-green {
  background: var(--gradient-green);
}

// 音乐模块专用渐变背景类
.gradient-bg-music-primary {
  background: var(--gradient-music-primary);
}

.gradient-bg-music-blue {
  background: var(--gradient-music-blue);
}

.gradient-bg-music-blue-dark {
  background: var(--gradient-music-blue-dark);
}

.gradient-bg-music-red {
  background: var(--gradient-music-red);
}

.gradient-bg-music-red-hot {
  background: var(--gradient-music-red-hot);
}

.gradient-bg-music-success {
  background: var(--gradient-music-success);
}
